<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="renderer" content="webkit" />
		<title>质控数据</title>
		<!--[if lt IE 9]>
			<meta http-equiv="refresh" content="0;ie.html" />
		<![endif]-->
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<link href="../iconfont/iconfont.css" rel="stylesheet" />
		<link href="../js/layui/css/layui.css" rel="stylesheet" type="text/css">
		<link href="../css/style.css" rel="stylesheet" />
		<link href="../css/cross.css" rel="stylesheet" />
		<link href="../css/change.css" rel="stylesheet" />
	</head>

	<body class="gray-bg body-con">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="audit-top">
				<span>年度</span>
				<span class="input-select">
					<input type="text" placeholder="全部" id="year"/>
					<i class="iconfont icon-xiangxia"></i>
				</span>
				<span class="ml-20">质控细项</span>
				<span class="input-select">
					<input type="text" value="" placeholder="全部" disabled=""/>
					<i class="iconfont icon-xiangxia"></i>
					<ul class="select-ul c-hide">
						<li class="curr">质控细项1</li>
						<li>质控细项2</li>
						<li>质控细项3</li>
						<li>质控细项4</li>
					</ul>
				</span>
				<span class="ml-20">评级</span>
				<span class="input-select" id="org_open">
					<input type="text" value="" placeholder="全部" disabled=""/>
					<i class="iconfont icon-xiangxia"></i>
					<ul class="select-ul c-hide">
						<li class="curr">评级1</li>
						<li>评级2</li>
					</ul>
				</span>
				<a class="search-btn ml-20" href="" class="search-btn">查询</a>
			</div>
			<div class="table-con mh-con-197 mt-20 org-row">
				<div class="org-con clearfix">
					<div class="org-total fl">
						<i>168</i>家医疗机构
					</div>
					<ul class="org-ul fl">
						<li><span class="eval-blue">A</span><i>36家医疗机构</i></li>
						<li><span class="eval-green">B</span>24家医疗机构</li>
						<li><span class="eval-orange">C</span>16家医疗机构</li>
						<li><span class="eval-red">D</span>6家医疗机构</li>
					</ul>
				</div>
				<table class="table">
				    <thead>
				        <tr>
				            <th>医院 / 机构</th>
				            <th>内容</th>
				            <th class="mw-170">下发时间</th>
				            <th class="mw-170">提交时间</th>
				            <th class="mw-110">状态</th>
				            <th class="mw-90">评级</th>
				            <th class="mw-120">操作</th>
				        </tr>
				    </thead>
				    <tbody class="tbale-h">
				        <tr>
				            <td><div title="福建医科大学附属协和医院"><img src="../images/doc-logo.png">福建医科大学附属协和医院</div></td>
				            <td><div title="福建省高血压病质控中心质控评价标准">福建省高血压病质控中心质控评价标准</div></td>
				            <td class="mw-170">2021-11-01 17:08</td>
				            <td class="mw-170">2021-11-02 09:30</td>
				            <td class="c-FF5F57 mw-110">待审核</td>
				            <td class="mw-90">--</td>
				            <td class="mw-120"><a href="javascript:;" class="c-btn btn-blue">查看</a></td>
				        </tr>
						<tr>
				            <td><div title="福建医科大学附属协和医院"><img src="../images/doc-logo.png">福建医科大学附属协和医院</div></td>
				            <td><div title="福建省高血压病质控中心质控评价标准">福建省高血压病质控中心质控评价标准</div></td>
				            <td class="mw-170">2021-11-01 17:08</td>
				            <td class="mw-170">2021-11-02 09:30</td>
				            <td class="mw-110">待审核</td>
				            <td class="mw-90">--</td>
				            <td class="mw-120"><a href="javascript:;" class="c-btn btn-gray">查看</a></td>
				        </tr>
				        <tr>
				           <td><div title="福建医科大学附属协和医院"><img src="../images/doc-logo.png">福建医科大学附属协和医院</div></td>
				           <td><div title="福建省高血压病质控中心质控评价标准">福建省高血压病质控中心质控评价标准</div></td>
				           <td class="mw-170">2021-11-01 17:08</td>
				           <td class="mw-170">2021-11-02 09:30</td>
				           <td class="mw-110">待审核</td>
				           <td class="mw-90">--</td>
				           <td class="mw-120"><a href="javascript:;" class="c-btn btn-gray">查看</a></td>
				        </tr>
				        <tr>
				            <td><div title="福建医科大学附属协和医院"><img src="../images/doc-logo.png">福建医科大学附属协和医院</div></td>
				            <td><div title="福建省高血压病质控中心质控评价标准">福建省高血压病质控中心质控评价标准</div></td>
				            <td class="mw-170">2021-11-01 17:08</td>
				            <td class="mw-170">2021-11-02 09:30</td>
				            <td class="mw-110">待审核</td>
				            <td class="mw-90">--</td>
				            <td class="mw-120"><a href="javascript:;" class="c-btn btn-gray">查看</a></td>
				        </tr>
				    </tbody>
				</table>
				
				<ul class="pagination pagination-lg">
				    <li><a href="javascript:;"><i class="iconfont icon-xiangzuo"></i></a></li>
				    <li class="curr"><a href="javascript:;">1</a></li>
				    <li><a href="javascript:;">2</a></li>
				    <li><a href="javascript:;">3</a></li>
				    <li><a href="javascript:;">4</a></li>
				    <li><a href="javascript:;">5</a></li>
				    <li><a href="javascript:;">6</a></li>
				    <li><a href="javascript:;">7</a></li>
					<li class="lue"><a href="">...</a></li>
				    <li><a href="javascript:;">10</a></li>
				    <li><a href="javascript:;"><i class="iconfont icon-xiangyou"></i></a></li>
				</ul>
			</div>
		</div>
		<!-- 全局js -->
		<script src="../js/jquery.min.js?v=2.1.4"></script>
		<script src="../js/bootstrap.min.js?v=3.3.7"></script>
		<script src="../js/layui/layui.js"></script>
		<!-- 自定义js -->
		<script src="../js/content.js"></script>
	</body>
	<script type="text/javascript">
		$(function() {
			// 日期选择
			 layui.use('laydate', function(){
			   var laydate = layui.laydate;
			   
			   //执行一个laydate实例
			   laydate.render({
				 elem: '#dateTime', //指定元素
				 range: '至'
			   });
			   // 选择年度
			   laydate.render({ 
			     elem: '#year',
			     type: 'year'
			   });
			});
			
			
			// 选择机构
			$('.input-select').on('click', function() {
				$(this).children('.select-ul').removeClass('c-hide')
			})
			$('.select-ul li').on('click', function(e) {
				e.stopPropagation()
				$(this).addClass('curr').siblings().removeClass('curr')
				$(this).parent().parent().children('input').val($(this).text())
				$('.select-ul').addClass('c-hide')
			})
		})
	</script>
</html>
